<!DOCTYPE html>
<html>
<head>
    <title>{$data.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$data.description}" />
    <meta name="keywords" content="{$data.keyword}" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" type="image/x-icon" href="__ADMIN__img/a1.jpg" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__HOME__css/blueimp-gallery.min.css">

</head>
<body>

<div class="wrap">
    <!--导航-->
    {include file="public/header" /}

    <!-- page_banner -->
    <div class="page_banner magtopmenu">
        <div class="pagebanner_pic">
            <ul class="page_banner_slider clear">
                {volist name="banner" id="v" key="k"}
                <li>
                    <div class="pic" style=" background:url({$v.img_url}) center center no-repeat;background-size:cover; height:600px; "></div>
                    <div class="desc">
                        {$v.content}
                    </div>
                </li>
                {/volist}

            </ul>
        </div>
    </div>
    <!-- page_banner end -->


    <!-- position -->
    <div class="position_content">
        <div class="public clear">
            <div class="position fl">
                <i class="iconfont icon-zhuye"></i>
                <a href="/">主页</a> >
                <a >联系我们 </a>
            </div>
        </div>
    </div>
    <!-- position end -->



    <!-- page -->
    <div class="_contactus padi40">
        <div class="public clear">
            <div class="singlepro_top">
                <h3 class="title">联系我们</h3>
            </div>
            <div class="fl _form padtb40" style="width: 50%">
                <form id="Contactus_form">
                    <input class="_inp_text" type="text" id="name" name="name" required  placeholder="姓名 *" autocomplete="off">
                    <input class="_inp_text" type="text" id="com" name="com" required  placeholder="公司名称 *" autocomplete="off">
                    <input class="_inp_text" type="text" id="email" name="email" required  placeholder="邮箱地址 *" autocomplete="off">
                    <input class="_inp_text" type="text" id="tel" name="tel" required  placeholder="手机号码" autocomplete="off">
                    <select name="country" class="_inp_text" id="country">
                         <option>阿尔及利亚</option>
        <option>阿富汗</option>
        <option>阿根廷</option>
        <option>阿联酋</option>
        <option>阿曼</option>
        <option>阿塞拜疆</option>
        <option>埃及</option>
        <option>埃塞俄比亚</option>
        <option>爱尔兰</option>
        <option>安哥拉</option>
        <option>奥地利</option>
        <option>澳大利亚</option>
        <option>巴布亚新几内亚</option>
        <option>巴基斯坦</option>
        <option>巴林</option>
        <option>巴西</option>
        <option>白俄罗斯</option>
        <option>保加利亚</option>
        <option>贝宁</option>
        <option>比利时</option>
        <option>冰岛</option>
        <option>波黑</option>
        <option>波兰</option>
        <option>博茨瓦纳</option>
        <option>朝鲜</option>
        <option>赤道几内亚</option>
        <option>大溪地</option>
        <option>丹麦</option>
        <option>德国</option>
        <option>多哥</option>
        <option>俄罗斯</option>
        <option>厄瓜多尔</option>
        <option>厄立特里亚</option>
        <option>法国</option>
        <option>菲律宾</option>
        <option>斐济</option>
        <option>芬兰</option>
        <option>佛得角</option>
        <option>刚果(布)</option>
        <option>刚果(金)</option>
        <option>高棉</option>
        <option>古巴</option>
        <option>圭亚那</option>
        <option>哈萨克斯坦</option>
        <option>韩国</option>
        <option>荷兰</option>
        <option>吉尔吉斯斯坦</option>
        <option>几内亚</option>
        <option>加拿大</option>
        <option>加纳</option>
        <option>柬埔寨</option>
        <option>捷克</option>
        <option>津巴布韦</option>
        <option>喀麦隆</option>
        <option>卡塔尔</option>
        <option>科威特</option>
        <option>肯尼亚</option>
        <option>老挝</option>
        <option>黎巴嫩</option>
        <option>立陶宛</option>
        <option>利比亚</option>
        <option>罗马尼亚</option>
        <option>马达加斯加</option>
        <option>马来西亚</option>
        <option>马里</option>
        <option>马其顿</option>
        <option>毛里求斯</option>
        <option>毛里塔尼亚</option>
        <option>美国</option>
        <option>蒙古</option>
        <option>孟加拉国</option>
        <option>秘鲁</option>
        <option>缅甸</option>
        <option>摩洛哥</option>
        <option>摩洛哥公国</option>
        <option>莫桑比克</option>
        <option>墨西哥</option>
        <option>纳米比亚</option>
        <option>南非</option>
        <option>尼泊尔</option>
        <option>尼日利亚</option>
        <option>葡萄牙</option>
        <option>日本</option>
        <option>瑞典</option>
        <option>瑞士</option>
        <option>沙特阿拉伯</option>
        <option>斯里兰卡</option>
        <option>斯洛伐克</option>
        <option>苏丹</option>
        <option>塔吉克斯坦</option>
        <option>泰国</option>
        <option>坦桑尼亚</option>
        <option>突尼斯</option>
        <option>土耳其</option>
        <option>土库曼斯坦</option>
        <option>委内瑞拉</option>
        <option>文莱</option>
        <option>乌干达</option>
        <option>乌克兰</option>
        <option>乌拉圭</option>
        <option>乌兹别克斯坦</option>
        <option>西班牙</option>
        <option>希腊</option>
        <option>新加坡</option>
        <option>新西兰</option>
        <option>匈牙利</option>
        <option>叙利亚</option>
        <option>牙买加</option>
        <option>亚美尼亚</option>
        <option>也门</option>
        <option>伊拉克</option>
        <option>伊朗</option>
        <option>以色列</option>
        <option>意大利</option>
        <option>印度</option>
        <option>印尼</option>
        <option>英国</option>
        <option>约旦</option>
        <option>越南</option>
        <option>赞比亚</option>
        <option>中国</option>
        <option>中国澳门</option>
        <option>中国台湾</option>
        <option>中国香港</option>      
                    </select>
                    <textarea class="_inp_text"  type="text" id="content" name="content" required  placeholder="留言内容 *" autocomplete="off"></textarea>

                </form>
                <a class="_submit" id="subMit">提交</a>
                <p class="_text">我们按照欧盟通用数据保护条例(GDPR)对待您的数据，想了解更多信息请查看我们的隐私权声明。</p>
            </div>
            <div class="fr _other_theway padtb40" style="width: 50%">
                <h3 class="_title _thewayh3">您还可以通过以下方式联系我们</h3>
                <div class="_theway_top">
                    <ul>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-youxiang2"></i></a>
                            <div class="fl">
                                <h3 class="_title">E-MAIL</h3>
                                <p>
                                    <a href="mailto:sales@oreelaser.com">{$setup.email}</a><br>
                                </p>
                            </div>
                        </li>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-dianhua2"></i></a>
                            <div class="fl">
                                <h3 class="_title">手机号码</h3>
                                <p>
                                    {$setup.phone}
                                </p>
                            </div>
                        </li>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-dizhi1"></i></a>
                            <div class="fl">
                                <h3 class="_title">地址</h3>
                                <p>
                                    {$setup.site}
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
                <h3 class="_title _thewayh3">您也可以在社交平台关注我们</h3>
                <div class="_theway_top">
                    <ul>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-tian7_facebook"></i></a>
                            <div class="fl">
                                <h3 class="_title">Facebook</h3>
                                <p>
                                   {$soc.facebook}
                                </p>
                            </div>
                        </li>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-youtobe"></i></a>
                            <div class="fl">
                                <h3 class="_title">Youtube</h3>
                                <p>
                                    {$soc.youtube}
                                </p>
                            </div>
                        </li>
                        <li class="clear">
                            <a class="_contactus_item fl"><i class="iconfont icon-tw"></i></a>
                            <div class="fl">
                                <h3 class="_title">Twitter</h3>
                                <p>
                                    {$soc.twitter}
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    {include file="public/footer" /}
<script type="text/javascript">
    var flag = 0;
    $('#subMit').click(function(){
        if(flag==3){
            alert('Dangerous Operation!');
            return false;
        }
        var country = $("#country option:selected").text();
        if(!$('#name').val()){
            alert('Please complete!')
            return false;
        }else if(!$('#com').val()){
            alert('Please complete!')
            return false;
        }else if(!$('#email').val()){
            alert('Please complete!')
            return false;
        }else if(!$('#content').val()){
            alert('Please complete!')
            return false;
        }
        $.ajax({
            type: "POST",
            dataType: "json",
            url: '/home/page/addcontactus',
            data: {
                'name':$('#name').val(),
                'com':$('#com').val(),
                'email':$('#email').val(),
                'tel':$('#tel').val(),
                'country':country,
                'content':$('#content').val(),
            },
            success: function (res) {
                var success = JSON.parse(res);
                if(success.code===200){
                    flag = flag+1;
                    alert(success.msg);
                }else {
                    alert(success.msg);
                }

            }
        });

    })
</script>
